<template>
  <el-menu
    active-text-color="#ffd04b"
    background-color="#545c64"
    class="aside"
    default-active="2"
    text-color="#fff"
  >
    <p class="log-lg">DD陪诊</p>
    <TreeMenu :menuData="menuData" index="1" />
  </el-menu>
</template>

<script setup lanng="ts">
import TreeMenu from './TreeMenu.vue'
const route = useRoute()
const menuData = reactive(route.matched[0].children)
</script>

<style scoped lang="less">
.aside {
  height: 100vh;
  color: #fff;
  .log-lg {
    font-size: 20px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: #fff;
  }
}
</style>
